<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS_背景</title>
    <!--
        1.使用外部样式表实现内容与样式的完全分离
        2.外部样式表可以重复利用
    -->
    <link rel="stylesheet" href="style.css">
    <style>
        .div{width: 100px;height: 100px}
        #div1{background-color: red}
        #div2{width: 300px;height: 300px;
            /*背景图 平铺方式 postion*/
            background: url("微信图片_20200726162935.jpg") 5px 5px ;
            background-repeat: no-repeat;
            background-size: 50px 50px;
        }
    </style>
</head>
<body>
<!--背景色-->
    <div class="div" id="div2"></div>
    <div class="div" id="div1">背景色的展示</div>
</body>
</html>